<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style  type='text/css'>
            img#target{
                position: absolute;
                -webkit-transition: left 0.5s ease,top 0.5s ease;
                -moz-transition: left 1s ease,top 1s ease;
                transition: left 3s ease,top 3s ease;
                -o-transition:left 3s ease,top 3s ease;
            }
        </style>
    </head>
    <body>
        <div>
            <img id='target'  src='source/birthday12-hp.jpg' alt='ballon'/>
            <script type='text/javascript'>
                var target=document.getElementById("target");
                target.style.left="0px";
                target.style.top="0px";
                document.onmousemove=function(evt){
                    target.style.left=evt.pageX+"px";
                    target.style.top=evt.pageY+"px";
                }
            </script>
        </div>
    </body>
</html>
